<!DOCTYPE html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" /> 
  <title>D-Meta</title> 
  <link href="http://static.cnblogs.com/favicon.ico" rel="shortcut icon" /> 
  <!-- Bootstrap --> 
  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> 
  <link href="/css/main.css" rel="stylesheet" /> 
  <link href="/css/search.css" rel="stylesheet" /> 
 </head> 
 <body> 
  <nav class="navbar navbar-inverse navbar-fixed-top"> 
   <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
     <a class="navbar-brand" href="/">D-Meta</a> 
    </div> 
    <div id="navbar" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">元数据搜索</a></li>
      <li><a href="/lineage.html">数据血统</a></li> 
      <li><a href="/dashboard.html">管理</a></li> 
     </ul> 
    </div> 
   </div> 
  </nav> 
  <div class="container main-container" role="main"> 
   <row> 
    <!--过滤器分页 start--> 
    <div class="col-md-3"> 
     <!--div class="btn-group mar-20 wid-80p text-cen"> 
      <button type="button" class="btn btn-default dropdown-toggle wid-100p" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">添加过滤器 <span class="caret"></span> </button> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Source</a></li> 
       <li><a href="#">Type</a></li> 
      </ul> 
     </div--> 
     <!--Source过滤器 start--> 
     <ul class="input-group wid-100p mar-top-20 filter-container" data-filter-name="source"> 
      <h3>Source</h3> 
      <li class="list-group-item" data-filter-item-name="MySQL"><input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">MySQL</span><span class="badge mar-left-10"></span></li> 
      <li class="list-group-item" data-filter-item-name="MongoDB"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">MongoDB</span><span class="badge mar-left-10"></span></li> 
      <li class="list-group-item" data-filter-item-name="Kettle"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Kettle</span><span class="badge mar-left-10"></span></li> 
     </ul> 
     <!--Source过滤器 end--> 
     <!--Type过滤器 start--> 
     <ul class="input-group wid-100p mar-top-20 filter-container" data-filter-name="type"> 
      <h3>Type</h3> 
      <!--li class="list-group-item" data-filter-item-name="Instance"><input type="checkbox" aria-label="..." /><span class="mar-left-10">Instance</span><span class="badge mar-left-10"></span></li-->
      <li class="list-group-item" data-filter-item-name="Column"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Column</span><span class="badge mar-left-10"></span></li>  
      <li class="list-group-item" data-filter-item-name="Table"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Table</span><span class="badge mar-left-10"></span></li> 
      <li class="list-group-item" data-filter-item-name="Database"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Database</span><span class="badge mar-left-10"></span></li> 
      <li class="list-group-item" data-filter-item-name="Job"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Job</span><span class="badge mar-left-10"></span></li> 
      <li class="list-group-item" data-filter-item-name="Step"> <input class="none" type="checkbox" aria-label="..." /><span class="mar-left-10">Step</span><span class="badge mar-left-10"></span></li> 
     </ul> 
     <!--Type过滤器 end--> 
    </div> 
    <!--过滤器分页 end--> 
    <!--搜索结果分页 start--> 
    <div class="col-md-9"> 
     <!--搜索框 start--> 
     <div class="input-group input-group-lg mar-top-20"> 
      <input type="text" class="form-control" aria-label="Text input with segmented button dropdown" id="search-keyword"/> 
      <div class="input-group-btn"> 
       <button type="button" class="btn btn-default wid-80" id="btn-search">搜索</button> 
       <!--button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button--> 
       <ul class="dropdown-menu dropdown-menu-right"> 
        <li><a href="#">Action</a></li> 
        <li><a href="#">Another action</a></li> 
        <li><a href="#">Something else here</a></li> 
        <li role="separator" class="divider"></li> 
        <li><a href="#">Separated link</a></li> 
       </ul> 
      </div> 
     </div> 
     <!--搜索框 end--> 
     <h5>搜索结果总数<strong id="result-num">0</strong> </h5>
     <!--搜索结果列表 start--> 
     <ul class="list-group result-container" id="result-container"> 
     </ul> 
     <!--搜索结果列表 end--> 
    </div> 
    <!--搜索结果分页 end--> 
   </row> 
  </div> 
  <script src="/js/require.js"></script> 
  <script src="/js/require-setup.js"></script> 
  <script src="/js/navigator/search.js"></script>  
 </body>
</html>